<template>
  <el-row class="tac">
    <el-col>
      <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose">
        <router-link to="/newsMaterial">
          <el-menu-item index="2">
            <i class="el-icon-menu"></i>
            <span slot="title">图文素材</span>
          </el-menu-item>
        </router-link>
        <!--<router-link to="imgMaterial">-->
          <!--<el-menu-item index="3">-->
            <!--<i class="el-icon-setting"></i>-->
            <!--<span slot="title">图片素材</span>-->
          <!--</el-menu-item>-->
        <!--</router-link>-->
      </el-menu>
    </el-col>
  </el-row>
</template>

<script>
  export default {
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath)
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath)
      }
    }
  }
</script>

<style lang="less" scoped>
  .el-menu {
    padding-top: 10px;
    border-bottom: 1px solid #e0e0e0;
  }
</style>
